@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";
body{
	background-color:$bg02;
}
.m-flexbox{
	@include flexbox();
}
.m-flexgrow{
	@include flex-grow(1);
}
.order-notpay{
	@include scrolling;
	color:$color03;
	font-size:$fs15;
		sub,.svalue{
		   font-size:$fs11;

		}
	.wrap-box{
		padding:0 0.9rem;
		background: $bg00;
	}
	.order-no{
	   line-height:3.2rem;
	}
	.icon-orderno{
		@include mix-orderno();
		margin-right:0.2rem;
	}

	.countdown{
		background-color:#faf6de;
		text-align:center;
        line-height:3rem;
		margin-bottom:1rem;
		font-size:$fs11;
		color:#ff7800;
		&>span{
			[data-device-type="android"] &{
				vertical-align: -webkit-baseline-middle;
			}
		}
		.icon-yl-clock{
			@include mix-yl-clock();
		}
		strong{
			color:$color05;
		}
		
	}
	.item-body{
	    border-width:1.5px 0;
		border-style:solid;
		border-color:$border01;
		padding-bottom:0.4rem;
	}
	.m-proof-item{
		padding:1rem 0 0.8rem;
	}
	.m-srow{
		margin-bottom:0.2rem;
	}
	.item-foot{
	   padding:0.8rem 0 0;
	}

	.item-foot>div{
	   padding-bottom:0.2rem;
		&.realpaybox{
		   border-top:1.5px solid $border01;
		   line-height:3rem;
		   padding-bottom:0;
		}
	}
	.m-title{
		color:$color03;
	}
	.m-price{
		text-align:right;
		line-height: 1.8rem;
		.price{
		   color:$color03;
		   vertical-align: text-bottom;
		}
		.number{
			color:$color01;
			font-size:$fs11;
		}
	}
	.m-srow{
	   color:$color01;
	   font-size:$fs11;
	   line-height: 1.8rem;
	   .label{
			width:6rem;
			@include inline-block;
	   }
	   

	}
	.ordertime{
		font-size:$fs11;
		text-align:right;
		padding:1rem 1.4rem 2rem;
	}
	.pay-btn{
	  margin:0 1.4rem;
	}
	.btn{
	  @include btn-public();
	  background-color:#21ab38;
	  border: 1px solid transparent;
	  color:#fff;
	  width:100%;
      font-size:$fs18;
	  border-radius:0.4rem;
	  padding:0.8rem 0;
	}
	.realpaymonery{
	   color:$color05;
	}
}


@import "../common/scss/layer";
@import "../common/scss/utilities";